html{
    -webkit-text-size-adjust:100%;
    height:100%;
    overflow-x:hidden;
}
body{
    font-family:'PingFang SC',serif;
    font-size:15px;
    margin:0 auto;
    padding:0;
    word-break:break-all;
    word-wrap:break-word;
    color:#333;
    background-color: #D6F7FF;
    /*overflow: hidden;*/
    /*-webkit-font-smoothing:antialiased;*/
}
a{
    text-decoration:none;
    color:#555;
}
input, textarea {font-size:.8rem; outline:0; resize:none; border:0; -webkit-appearance:none; font-family:'PingHei', 'PingFang SC','DroidSansFallback','Microsoft Yahei','Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif; display:inline-block; }
ul,li {margin:0; padding:0; list-style-type:none; }
.clear:after {clear:both; content:'.'; display: block; visibility:hidden; height:0; overflow:hidden; }
.clear{zoom:1; clear:both;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0; padding:0; border:0; font-size:100%;  vertical-align:baseline; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; }
ol,ul,li {list-style:none;} img {vertical-align:top; max-width:100%; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; }
table {border-collapse:collapse; border-spacing:0; }
* {
    tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -ms-tap-highlight-color:rgba(0,0,0,0); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:0; }
input, textarea {font-size:.8rem; outline:0; resize:none; border:0; -webkit-appearance:none; font-family:'PingHei', 'PingFang SC','DroidSansFallback','Microsoft Yahei','Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif; display:inline-block; }
input::-webkit-input-placeholder {font-weight:normal; font-size:.82rem; color:#ccc; line-height:1.8em;}
input[type="password"]::-webkit-input-placeholder {font-weight:normal; font-size:.82rem; color:#ccc; line-height:1.5em;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance:none !important; margin:0; }
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
a {text-decoration:none; cursor: pointer; } i,em {display:inline-block;font-style:normal; }
.c_green {color:#66ce18; } .c_orange {color:#ffc800; } .c_red {color:#ff3600;  } .c_gray {color:#b9b9b9; }
.parbot input[type='button'].button_red, input[type='button'].button_red {background:#fd5653; cursor:pointer; }
/*顶部导航栏*/
#top{
    width:100%;
    box-sizing:border-box;
    height:60px;
    position:fixed;
    top:0;
    background-color: #FFFFFF;
    z-index: 1000 !important;
}
#top>div{
    width:1080px;
    height:60px;
    margin:0 auto;
}
#top>div>img.logo{
    width:100px;
    height:60px;
    margin-left: 70px;
    float:left;
    cursor: pointer;
}
#top>div>img.weixin{
    width:26px;
    height:22px;
    margin-right: 56px;
    float:right;
    margin-top: 19px;
}
#top>div>a{
    height:60px;
    line-height: 60px;
    float:right;
}
#top>div>img.weixin:hover,#top>div>img.weibo:hover{
    cursor: pointer;
}
#top>div>img.weibo{
    width:27px;
    height:22px;
    margin-right: 56px;
    float:right;
    margin-top: 19px;
}
#top>div>img.weixinma{
    position: absolute;
    top:60px;
    width:100px;
    height:100px;
    margin-left:337.5px;
    left:50%;
    /*display: none;*/
    opacity: 0;
}

/*第六个页面*/
.main6{
    position: fixed;
    bottom:0;
    width:100%;
    height:44px;
    line-height:44px;
    text-align: center;
    background-color:#3C404B;
}
.main6>div{
    color:#f0f0f0;
    font-size: 12px;
}
#main{
    width:1080px;
    min-height: 800px;
    margin:0 auto;
    margin-top:60px;
    position: relative;
}
#main>img{
    position: absolute;
    width:374px;
    height:366px;
    left:100px;
    top:50%;
    margin-top:-183px;
}
/*登录注册*/
.login-box{
    position: absolute;
    right:100px;
    width:460px;
    height:420px;
    margin-top:-210px;
    top:50%;
    border-radius: 4px;
    background: #fff;
}
.login-box>ul{
    display:flex;
    background-color: #0AC1C5;
    border-radius: 4px 4px 0 0 ;
}
.login-box>ul>li{
    width:229px;
    height:70px;
    line-height: 70px;
    text-align: center;
}
.login-box>ul>li.show>i{
    width:2px;
    height:12px;
    display:inline-block;
    background-color: #d6f7ff;
    float: right;
    margin-top:29px;
}
.login-box>ul>li>a{
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
}
.login-box>ul>li.accountLogin>a{
    color:#059a9e;
}
.login-box>ul>li.saoLogin>a{
    color:#fff;
}

.login-content{
    width:460px;
    height:260px;
    position: relative;
}
#j_form3>ul{
    overflow: hidden;
    padding: 0px 40px 0px 40px;
    position: relative;
}
#j_form3>ul>li{
    text-align: left;
    display: flex;
    align-items: center;
    margin-top:30px;
    padding-top: 1.6px;
    height: 50px;
    line-height: 48px;
    border:1px solid #F4F4F4;
    border-radius: 4px;
}

.line1{
    margin-left:15px;
    display: inline-block;
    width:1.5px;
    height:10px;
    background-color:#0AC3C6;
}
.line2{
    margin-left:15px;
    display: inline-block;
    width:1.5px;
    height:10px;
    background-color:#e4e4e4;
}
#j_form3>ul>li>input{
    font-size: 16px;
}
/*#j_form3>ul>li:first-child>input{*/
    /*color:#4e4e4e;*/
/*}*/
#j_form3>ul>li:nth-child(2){
    margin-top:20px;
}
#j_form3>ul>li:nth-child(3){
    margin-top: 24px;
    border:1px solid transparent;
}
/*#j_form3>ul>li:nth-child(2)>input{*/
    /*color:#cdcdcd;*/
/*}*/

/*图标*/
#j_form3>ul>li>i{
    float: left;
    margin-left: 18px;
    margin-top: -.1rem;
}
#j_form3>ul>li>i.phone_icon {
    width: 14px;
    height: 16px;
    background: url(../img/login/yonghu2.png) no-repeat center top;
    background-size: 100%;
}
#j_form3>ul>li>i.phone_icon1 {
    width: 14px;
    height: 16px;
    background: url(../img/login/yonghu1.png) no-repeat center top;
    background-size: 100%;
}
#j_form3>ul>li>i.password_icon {
    width: 14px;
    height: 18px;
    margin-left: 18px;
    margin-right: 1.2px;
    background: url(../img/login/mima1.png) no-repeat center top;
    background-size: 100%;
}
#j_form3>ul>li>i.password_icon1 {
    width: 14px;
    height: 18px;
    margin-left: 18px;
    margin-right: 1.2px;
    background: url(../img/login/mima2.png) no-repeat center top;
    background-size: 100%;
}
/*记住密码*/
.remember{
    width:380px;
    height:18px;
    line-height: 18px;
    margin:24px 40px 30px;
    cursor: pointer;
}
.remember>i.select{
    width: 18px;
    height: 18px;
    background: url(../img/login/jizhumima.png) no-repeat center top;
    background-size: 100%;
}
.remember>i.select1{
    width: 18px;
    height: 18px;
    background: url(../img/login/jizhumima2.png) no-repeat center top;
    background-size: 100%;
}
.remember>span.span1{
    margin-left:5px;
    font-size: 14px;
    color:#4e4e4e;
    vertical-align: top;
}
.remember>i.wrong{
    float:right;
    width: 14px;
    height: 14px;
   margin-top:2px;
    background: url(../img/login/wrong.png) no-repeat center top;
    background-size: 100%;
    display:none;
}
.remember>span.span2{
    float:right;
    margin-left:8px;
    font-size: 14px;
    color:#4e4e4e;
    display:none;
}
.inputHeight{
    height:100%;
    border:none;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    padding-left: 15.2px;
}
.inputWidth{
    width:45%;
    padding-left:15.2px;
}
.saoma{
    display:none;
    margin:0 auto;
    width:460px;
    height:260px;
}
#qrcode{
    width:190px; height:210px;margin:0 auto 20px;padding-top:20px;
}
.saoma>p{
    color:#4e4e4e;
    font-size: 14px;
    text-align: center;
    letter-spacing: 2px;
}
.saoma>span{
    width:380px;
    height:1px;
    margin:30px 40px 0;
    display: inline-block;
    background-color: #e4e4e4;
}
.j_form3{
    display:none;
}
.show{
    display:block;
}
/*下载*/
.down{
    width:380px;
    height:100px;
    line-height: 100px;
    text-align: center;
    margin:0 40px;
}
.down>a{
    color:#8e8e8e;
    font-size: 14px;
    cursor: auto;
    margin-left:5px;
    vertical-align: top;
}
.down>i{
    width: 14px;
    height: 14px;
    background: url(../img/login/lingdang.png) no-repeat center top;
    background-size: 100%;
}
/*登录*/
.parbot1{
    margin: 0px 40px;
}
.login_register{
    width: 100%;
    background: #0AC1C5;
    border-radius: 7px;
    height: 54px;
    line-height: 54px;
    display: block;
    color: #ffffff;
    font-weight: 300;
    font-size: 20px;
    vertical-align: middle;
    cursor: pointer;
}






